<template>
	<div>
		<footer class='footer' v-show='sss'>
		    <div class='tab' v-for='(item,index) in tabs' :key='index'>
						 <router-link :to='item.path'>
							 <div class='tab_s' :class='item.class'></div>
							 <div class='tab_s'>{{item.tab}} </div>
						 </router-link>
			</div>
		</footer>
	</div>
	
</template>

<script>
	export default {
	  data () {
	    return {
	        tabs:[],
			sss:'',
	    }  
	  },
	  mounted(){
		  // if(this.$route.path!='/'){
		  //   	  this.sss=false;
		  // }
		  // if(this.$route.path=='/'){
			 //  this.sss=true;
		  // }
	  
	  },
	  created() {
	     this.$http.get('/src/assets/data/tabbar.json').then(res=>{
			 console.log(res);
			 this.tabs=res.data;
		     console.log('都不容易');
		 })
	  }
	}
</script>
<style  lang='less' scoped="scoped"> 
    /* #app{
		overflow: hidden;
	} */
    .footer{
		width: 100vw;
		position: fixed;
		display: flex;
		justify-content: space-around;
		bottom: 0;
		z-index: 1;
		background-color: white;
		height: 44px;
		.tab_s{
			font-size: 12px;
			height:22px;
			line-height: 22px;
			text-align: center;
		}
		
		a {
		   text-decoration: none;
		   color: black;
		}
		a:hover{
					color:red;
				}
	}
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}


</style>

